<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置列表项图像</title>
    <meta name="keywords" content="这里写网页的关键字">
    <meta name="description" content="这里是网页简介">
    <style type="text/css">
        * {margin: 0;padding: 0;text-decoration: none;}
        ul{width: 240px;display: block;}
        ul li{
            height: 32px;line-height: 32px;
            margin-bottom: 1px;background: #01aaed;
        }
        ul li {
            width: 100%;height: 100%;color: #FFF;
            padding: 0 8px;display: block;border-left: solid 16px #000000;
        }
        ul li:hover{
            background: #000000;
        }
    </style>
</head>
<body>
<ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">关于</a></li>
    <li><a href="#">工程</a></li>
    <li><a href="#">会员</a></li>
    <li><a href="#">联系</a></li>
</ul>
</body>
</html>